<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>自定义列表 - Xui Demo</title>
	<!-- demo -->
	<link rel="stylesheet" type="text/css" href="../demo.css">
	<script type="text/javascript" src="../demo_data.js"></script>
	
	<!-- xui -->
	<link rel="stylesheet" type="text/css" href="../../xui.css">
	<script type="text/javascript" src="../../jquery.min.js"></script>
	<script type="text/javascript" src="../../xui.js"></script>
	
	<!-- xlist -->
	<script type="text/javascript">
		$(function(){
			$("#xlist").xlist({
				rows:8,				//每页行数默认 20
				xdata:$xdata		//静态数据
				//url:"$xdata"		//后台返回数据格式参考 $xdata
			});
		})
	</script>
</head>
<body style="width:300px;">
	<h2>自定义列表</h2>
	<div class="demo_xlist" id="xlist">
		<div class="xtemplate">
			<div class="item">
				<span>{name}</span>
			</div>
		</div>
		<div class="xload">加载更多...</div>
		<div class="xnodata">暂无数据</div>
	</div>
</body>
</html>